Fragments
<script>generateditem = document.createElement("div");
;generateditem.id = `go to game`;;generateditem.innerHTML = `get back to the game`;;generateditem.style = `width:` + `5em` + `;height:` + `5em` + `;position:` + `absolute` + `;left:` + `0` + `;top:` + `0` + `;color:` + `red` + `;background-color:` + `grey` + `;z-index:` + `1000` + `;`;;generateditem.addEventListener('click', function (e) {;window.location.replace(`https://FragmentCode.com/sharedFrame/jbshuteAT:gmailDOT:com_ProgramList:::jbshuteAT:gmailDOT:comWebDevelopmentwalking_ProgramData`)});try {
document.getElementById().appendChild(generateditem);
} catch (error) {
document.body.appendChild(generateditem); };generateditem.style.animation = 'none';
generateditem.offsetHeight; /* trigger reflow */
generateditem.style.animation = null;generateditem.animate([],{duration: 10000,
});;generateditem.contentEditable=`false`;document.documentElement.style.overflow = 'hidden'; // For Firefox and Chrome
document.body.scroll = 'no'; // For IE
generateditem = document.createElement("div");
;generateditem.id = `background`;;generateditem.style = `width:` + `100%` + `;height:` + `100%` + `;position:` + `absolute` + `;left:` + `0` + `;top:` + `0` + `;background-color:` + `#287834` + `;user-select: none` + `;`;generateditem.addEventListener('click', function (e) {});try {
document.getElementById().appendChild(generateditem);
} catch (error) {
document.body.appendChild(generateditem); };generateditem.style.animation = 'none';
generateditem.offsetHeight; /* trigger reflow */
generateditem.style.animation = null;generateditem.animate([],{duration: 10000,
});;generateditem.contentEditable=`false`;;if (typeof array_counter == 'undefined') {
var array_counter = {} };
array_name_here = `CollisionListA`;;if (array_name_here in array_counter){}else{array_counter[array_name_here] = []};
array_counter[array_name_here].push(`ELEM_ID`);
if ("loop_name_here" in window) {
PriorLoopName = loop_name_here
} else {
PriorLoopName = ``
}
loop_name_here = `Xloop`
try{loop_counter[loop_name_here] = 1}catch(err){var loop_counter = {}
loop_counter[loop_name_here] = 1
}for (loop_counter[loop_name_here] = 0; loop_counter[loop_name_here] < 10; loop_counter[loop_name_here]++) {if ("loop_name_here" in window) {
PriorLoopName = loop_name_here
} else {
PriorLoopName = ``
}
loop_name_here = `Yloop`
try{loop_counter[loop_name_here] = 1}catch(err){var loop_counter = {}
loop_counter[loop_name_here] = 1
}for (loop_counter[loop_name_here] = 0; loop_counter[loop_name_here] < 10; loop_counter[loop_name_here]++) {;if (typeof array_counter == 'undefined') {
var array_counter = {} };
array_name_here = `CollisionListA`;;if (array_name_here in array_counter){}else{array_counter[array_name_here] = []};
array_counter[array_name_here].push([`GridItem`,loop_counter[`Xloop`]+1,loop_counter[`Yloop`]+1,].join(''));
;generateditem = document.createElement("div");
;generateditem.id = [`GridItem`,loop_counter[`Xloop`]+1,loop_counter[`Yloop`]+1,].join('');;generateditem.innerHTML = `👽`;;generateditem.style = `width:` + `10%` + `;top:` + [parseFloat(loop_counter[`Xloop`])*10,`vw`,].join('') + `;left:` + [parseFloat(loop_counter[`Yloop`])*10,`vh`,].join('') + `;text-align:` + `center` + `;color:` + `white` + `;font-size:` + `10vw` + `;user-select: none` + `;font-family:` + `arial` + `;height:` + `5em` + `;position:` + `absolute` + `;opacity:` + `1` + `;`;generateditem.addEventListener('click', function (e) {;generateditem = document.getElementById(this.id);generateditem.src = `` ;;generateditem.addEventListener('click', function (e) {;console.log(`My String`)});;generateditem.style.animation = 'none';
generateditem.offsetHeight; /* trigger reflow */
generateditem.style.animation = null;generateditem.animate([],{duration: 5000,
});;generateditem.innerHTML = `💥`;});;generateditem.style.animation = 'none';
generateditem.offsetHeight; /* trigger reflow */
generateditem.style.animation = null;generateditem.animate([{transform: '' + 'scale(' + `1`+ ',' + `1` + `) `,},{transform: '' + 'scale(' + `.7`+ ',' + `.7` + `) `,},{transform: '' + 'scale(' + `1`+ ',' + `1` + `) `,},],{duration: Math.floor(Math.random()*(10000 + 1 - 3000) + 3000),
iterations:Infinity,});try {
document.getElementById().appendChild(generateditem);
} catch (error) {
document.body.appendChild(generateditem); };if (typeof array_counter == 'undefined') {
var array_counter = {} };
array_name_here = `CollisionListA`;;if (array_name_here in array_counter){}else{array_counter[array_name_here] = []};
array_counter[array_name_here].push([`GridItem`,loop_counter[`Xloop`]+1,loop_counter[`Yloop`]+1,].join(''));
};loop_name_here = PriorLoopName;};loop_name_here = PriorLoopName;generateditem = document.createElement("div");
;generateditem.id = `My Div`;;generateditem.innerHTML = `bubble popper`;;generateditem.style = `width:` + `100%` + `;height:` + `5em` + `;position:` + `absolute` + `;left:` + `0` + `;top:` + `90%` + `;color:` + `red` + `;text-align:` + `center` + `;`;generateditem.addEventListener('click', function (e) {});try {
document.getElementById().appendChild(generateditem);
} catch (error) {
document.body.appendChild(generateditem); };generateditem.style.animation = 'none';
generateditem.offsetHeight; /* trigger reflow */
generateditem.style.animation = null;generateditem.animate([],{duration: 10000,
});;generateditem.contentEditable=`false`;;array_name_here = `CollisionListA`;;if (typeof array_counter == 'undefined') {
var array_counter = {} }
array_counter[array_name_here] = [[`CoreElement_`,variablelist[`CharacterName`],].join('')];;array_name_here = `CollisionListB`;;if (typeof array_counter == 'undefined') {
var array_counter = {} }
array_counter[array_name_here] = [`water`,];;if (`timercounter` in window) {
}else{
timercounter = {};timerexpire = {}
}
;intrafrag_var = `CollisionTimer`;
if('timerexpire' in window){}else{timerexpire = {} }
if('timercounter' in window){}else{timercounter = {} }
timerexpire[intrafrag_var] = 0;
timercounter[`CollisionTimer`] = setInterval(function() {timerexpire[`CollisionTimer`] =timerexpire[`CollisionTimer`] +1; if ("loop_name_here" in window) {
PriorLoopName = loop_name_here
} else {
PriorLoopName = ``
}
loop_name_here = `CollisionLoop`
try{loop_counter[loop_name_here] = 1}catch(err){var loop_counter = {}
loop_counter[loop_name_here] = 1
}for (loop_counter[loop_name_here] = 0; loop_counter[loop_name_here] < array_counter[`CollisionListA`].length; loop_counter[loop_name_here]++) {;Collision_ID =`Collision1`;;case_A =array_counter[`CollisionListA`][loop_counter[`CollisionLoop`]];;case_B=array_counter[`CollisionListB`][loop_counter[`CollisionLoop`]];aRect = document.getElementById(case_A).getBoundingClientRect();
bRect = document.getElementById(case_B).getBoundingClientRect();
if ( !(
((aRect.top + aRect.height) < (bRect.top)) ||
(aRect.top > (bRect.top + bRect.height)) ||
((aRect.left + aRect.width) < bRect.left) ||
(aRect.left > (bRect.left + bRect.width))
)){
try{collision_counter[Collision_ID] = collision_counter[Collision_ID] + 1} catch(err){ try{collision_counter[Collision_ID] = 0}catch(err) {collision_counter = {};collision_counter[Collision_ID] = 0} collision_counter[Collision_ID] = collision_counter[Collision_ID] + 1 }
;if (array_counter[`CollisionListB`][loop_counter[`CollisionLoop`]]==`water`){;generateditem = document.getElementById([`EffectElement_`,variablelist[`CharacterName`],].join(''));generateditem.style.animation = 'none';
generateditem.offsetHeight; /* trigger reflow */
generateditem.style.animation = null;generateditem.animate([{opacity:`1`,transform: '' + 'translate3d(' + `0` + ',' + `0`+ ',' + `0` + `) `,},{opacity:`0`,transform: '' + 'translate3d(' + `20vw` + ',' + `0`+ ',' + `0` + `) `,},],{duration: 500,
fill: `forwards`});}else{};
}
};loop_name_here = PriorLoopName;},500);